.code{
	width: 7rem !important;
	height: 1.875rem !important;
	position: absolute !important;
	top: 50% !important;
	transform: translateY(-50%);
	margin-right: .5rem !important;
	background-image: url("http://127.0.0.1:8080/api/getCode/img");
}
.main{
}
.login-background{
	width: 100%;
	height: 50rem;
	background-image: url("../img/login_html/Lib.webp");
	/* 背景图垂直、水平均居中 */
	background-position: center center;
	/* 背景图不平铺 */
	background-repeat: no-repeat;
	/* 让背景图基于容器大小伸缩 */
	background-size: cover;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.login-framework-right{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 45%;
}
.login-framework-left{
	width: 45%;
	display: flex;
    flex-direction: column;
    align-items: center;
}
.login-framework{
	background-color: rgba(0, 0, 0, .4) !important;
	transition: all 0.5s;
	display: flex;
    justify-content: space-around;
    align-items: center;
	height: 35rem;
}
.login-framework:hover{
	background-color: rgba(0, 0, 0, .8) !important;
}
.edge {
    width: 25rem;
    height: 15rem;
    align-items: center;
    display: flex;
    justify-content: flex-end;
    background-image: url(../img/login_html/login_edge.webp);
    background-size: cover;
    object-fit: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.login-hr {
    width: 0.125rem;
    height: 15rem;
    background-image: linear-gradient(180deg, rgba(246, 249, 255, 0), #8a8b90, rgba(246, 249, 255, 0));
    /* margin: 0 2rem; */
}
.foot-down{
	width: 80%;
	color: #adadad;
	margin: .5rem auto 2rem auto;
	flex-direction: column;
}
.foot-down p{
	font-size: 0.75rem;
	line-height: 0.75rem;
}
.foot-down p a{
	color: #adadad;
}
.foot-down p a:hover{
	color: #00aaff;
}
